<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> index page</title>
    <style>
        .div-all {
            width: 600px;
            height: 401px;
            background-image: url("../image/雪山2.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            margin: 0 auto;
            border: 2px solid grey;
        }

        .div1, .div2, .div3, .div4, .div5, .div6 {
            text-align: center;
            margin: 20px;

        }

        a {
            text-decoration: none;
        }

        a:link {
            color: blue
        }

        a:visited {
            color: grey
        }

        a:hover {
            color: red
        }
    </style>
</head>
<body>
<form>
    <div class="div-all">
        <div class="div1">MyBatis CRUD 操作</div>
        <div class="div1">
            <a href="insert.html">插入单条数据</a>
        </div>
        <div class="div2">
            <a href="delete.html">删除单条数据</a>
        </div>
        <div class="div3">
            <a href="update.html">更新单条数据 </a>
        </div>
        <div class="div4">
            <a href="select.html">查询单条数据</a>
        </div>
        <div class="div5">
            <a href="selectall.html">查询所有数据</a>
        </div>
        <div class="div6">
            <a href="importexcel.html">导入excel表格数据</a>
        </div>

    </div>
</form>

</body>
</html>